{% extends "start.html" %}


{% block extraTitle %}- Top 10 {% endblock %}

{% block topbar %}
    {% if logged %}
        &emsp;Welcome back!
        &emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;
        &emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;
        <a href="/logout/">Logout</a>
    {% else %}
        &emsp;&emsp;&emsp;&emsp;&emsp;
        &emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;
        &emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;
        <a href="/login/">Login here!</a>
    {% endif %}
{% endblock %}


{% block pageTitle %}Top 10 users{% endblock %}
{% block sectionTitle %}Best 10 players{% endblock %}

{% block content %}
    There are {{ total_players }} programmers in this quest.
    Here is the <font size="5">top 10</font>
    <br /><br />
    <font size="4"><strong>
        Congratulations
        <p>
            {% for x in top10_users %}                            
                    {% if forloop.counter == 1 %}                        
                        <img src="../static/interface_images/numberone.png"  width="30" height="30">
                        <font size="6">{{ x.user }}</font> EXP. {{ x.experience }} LVL. {{ x.level}}
                        <br /><br />
                    {% else %}                        
                        &emsp;{{forloop.counter}}. {{ x.user }} EXP.{{x.experience}} LVL.{{x.level}}<br />
                    {% endif %}                
            {% endfor %}
        </p>
        
    </strong></font>
{% endblock %}



{% block profile %}
    {% block level %}
        <img src="../static/levels/{{profile.level}}.0.jpg"  width="84" height="80">
    {% endblock %}
    <font size="3">
        <ul>
            <li>EXP: {{ profile.experience }} </li>
            <li>${{ profile.money }}.00 </li>
            <li>Energy :{{ profile.energy }}/{{profile.total_energy}} </li>
        </ul>
    </font>
{% endblock %}